<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>@Page - Cascading Style Sheet Syntax</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
     <td rowspan=2><h1 class="pagetitle">@page</h1>
     <b><a href="../../../misc/suppkey.htm">Support Key:</a></b>
     [<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
     [<b class="s">IE5.5</b>|<b><i class="fs">O4</i></b>]<br></td>
     <td align=center><b class="alert">Other<br>At-Rules</b><br></td>
</tr>
<tr>
    <td><a href="charset.htm">@charset</a><br>
    <a href="import.htm">@import</a><br>
    <a href="media.htm">@media</a><br>
    <a href="namespace.htm">@namespace</a><br>
    <a href="fontdef.htm">@fontdef</a><br>
    <a href="fontface.htm">@font-face</a><br></td>
</tr>
<tr><td align=center colspan=2>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../../misc/email.htm">Brian Wilson</a> =</font><br>
</td></tr>
</table>
</center>

<div align="center">
<font size=2><a href="../../index.html">Main Index</a> |
   <a href="../../propindex/font.htm">Property Index</a> |
   <a href="../../supportkey/syntax.htm">CSS Support History</a> |
   <a href="../../../history/browsers.htm">Browser History</a></font>
</div>
<hr size=1 align="center" width="25%">

<br><br>
<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>This At-Rule defines a Page Box - a special rectangular area where content
        is rendered in paged media. The page area consists of the element content
        and the page margin area that surrounds the content. Within an @Page At-Rule,
        properties of the page box are set (margins, page layout orientation and dimensions.)
        <br><br>

        The optional Page Label and accompanying Pseudo-class determine which pages
        the subsequent style declarations will apply to. The allowed Pseudo-classes
        only apply in this @Page At-Rule context - :first (the first page), :left
        (all left pages) and :right (all right pages.)
</dl>

<dl>
<dt><big><b class="mainheading">Syntax</b></big>
    <dd>Syntax1: @<b class="selector">page</b>
        [<span class="alert2">Page Label</span>]:[<span class="alert2">Page Pseudo-class</span>]
        { [<span class="alert2">Declaration block</span>] }
</dl>

<dl>
<dt><big><b class="mainheading">Examples</b></big>
    <dd><div class="example">@<b class="selector">page</b> <span class="atrule">thin:first</span>
        { <span class="property">size:</span> 3in 8in }</div>
</dl>

<big><b class="mainheading">Notes</b></big>
<ul>
    <li>In CSS2, Border and Padding properties do not apply to paged media;
        margins <em>DO</em> apply though.
</ul>

<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li>Opera 4+ does not support named pages or any of the page pseudo-classes.
</ul>

<br><br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>